// handle the page change event
$(document).on("pagechange", function() {

    slideIn();
    // Kaarten alleen op de juiste pagina's toevoegen.
    if ($("#radarPage").length > 0) {
        addTerreinMap();
    }
    if ($("#mapPage").length > 0) {
        addDelftMap();
    }
});


function slideIn() {
    $("#lustrum-footer").animate({right: "0px"}, 600);
    $("#lustrum-header").animate({left: "0px"}, 600);
    $("#text").fadeIn(600);
}
function slideOut() {
    $("#lustrum-footer").animate({right: "-300px"}, 600);
    $("#lustrum-header").animate({left: "-300px"}, 600);
    $("#text").fadeOut(600);
}

function addTerreinMap() {
     tomtom.setImagePath("./img/radar");
                 
	 var imageUrl = "./img/radar/terrein.jpg",
	 imageBounds = [[-60, -50], [60, 50]];
	 var layer = L.imageOverlay(imageUrl, imageBounds);
	 
	 var map = new tomtom.Map({
	                          domNode: "map",
	                          apiKey: "bpsquju23qaf4jzuewsnfdye",
	                          center: [0, 0],
	                          zoom: 3,
	                          maxBounds: [[-100, -100], [100, 100]],
	                          layers: [ layer ]
	                          });
	 
	 map.options.minZoom = 3;
	 map.options.maxZoom = 3;
	 map.setView(map.getCenter(), 3);
	 map.doubleClickZoom.disable();
	 
	 var marker1 = new tomtom.Marker([27,-40]);
	 var marker2 = new tomtom.Marker([27,-34]);
	 var marker3 = new tomtom.Marker([27,-24]);
	 var marker4 = new tomtom.Marker([27,-16]);
	 var marker5 = new tomtom.Marker([27,-7]);
	 var marker6 = new tomtom.Marker([15,-37]);
	 var marker7 = new tomtom.Marker([15,-20]);
	 var marker8 = new tomtom.Marker([15,-7]);
	 var marker9 = new tomtom.Marker([11,8]);
	 var marker10 = new tomtom.Marker([-10,16]);
	 var marker11 = new tomtom.Marker([-10,35]);
	 var marker12 = new tomtom.Marker([45,-34]);
	 var marker13 = new tomtom.Marker([-22,-30]);
	 var marker14 = new tomtom.Marker([-24,-6]);
	 var marker15 = new tomtom.Marker([-36,-10]);
	 var marker16 = new tomtom.Marker([-31,-5]);
	 var marker17 = new tomtom.Marker([-18,-12]);
	 var marker18 = new tomtom.Marker([-38,-25]);
	 var marker19 = new tomtom.Marker([-50,-30]);
	 var marker20 = new tomtom.Marker([-52,-16]);
	 var marker21 = new tomtom.Marker([-57,-2]);
	 var marker22 = new tomtom.Marker([-52,40]);
	 marker1.bindPopup("<b>Highlight</b><br><br>In de Highlight bar is het nooit donker. Neem plaats in onze lounge en geniet van de lichteffecten of kom Jetsertetsers drinken met je club of huis.");
	 marker2.bindPopup("<b>Solheim Snack</b>");
	 marker3.bindPopup("<b>Wunderbar</b>");
	 marker4.bindPopup("<b>Full Moon</b>");
	 marker5.bindPopup("<b>In The Mood</b><br><br>In the mood is een prachtige classy jazz bar waar elke avond live muziek is. In de bar geven veel verschillende jazz bandjes optredens. We hebben een super chille bar waar iedereen lekker omheen kan staan en zitten op een ideale locatie om met elkaar af te spreken. Er worden naast de standaard dranken speciaal biertjes en andere bijzonderheden geschonken. Dus als even geen zin hebt in techno gebeuk of avicii, dan kun je bij ons genieten van jazzy tunes, crazy piano nights. Natuurlijk kan er ook gedanst en gesjanst worden op ons podium. Dus als je een beetje zin hebt om te glijen kom dan zeker hier langs.");
	 marker6.bindPopup("<b>Chupitos</b>");
	 marker7.bindPopup("<b>Strukton Bar</b>");
	 marker8.bindPopup("<b>Hollandse Glorie</b>");
	 marker9.bindPopup("<b>Panini</b>");
	 marker10.bindPopup("<b>Deep Sea</b><br><br>In een van de grootste ruimtes van het lustrumterrein, de Deep Sea bar, kan je even ontsnappen aan alle drukte. Dompel onder en geniet van de vele bandjes die het DSC te bieden heeft. Wie weet kom je in deze natte bedoeling nog last minute een date tegen? Wees niet bang, voor de latere uurtjes zullen DJ's ingeschakeld worden om de donkere diepe zee te doorkruisen tot de zon opgaat. Sfeerankers niet toegestaan.");
	 marker11.bindPopup("<b>De Kathedraal</b><br><br>Twee weken feest is niet ethisch verantwoord. Voor er weer iemand sneuvelt voor de zonden van de rest, willen wij graag ieders ondeugdelijkheden in een gecontroleerde omgeving houden. Daar is geen betere plek voor dan in de Heer zijn eigen woonkamer. Bovendien, het is wel eens tijd dat hij een feestje geeft in plaats dat hij de wereld van ellende uit elkaar laat vallen! Speciaal voor de gelegenheid heeft hij ons uitverkoren om het Lustrumterrein te voorzien van een tijdelijke woning, 'De Kathedraal'. Hij zal er helaas zelf niet bij zijn, onrein vindt hij weinig opwindend, maar zijn goddelijke bijdrage zal voor ieder voelbaar zijn. Kom langs voor deze hemelse ervaring!");
    marker12.bindPopup("<b>Bodega Ksi</b><br><br>De Bodega Ksi, al Lustra lang een oase van stijl en klasse waar men op hoog niveau dineert.Ook dit Lustrum is Oude Delft 35 erin geslaagd op het Lustrumterrein een volwaardig sterrenrestaurant te cre&euml;ren . Door de grote belangstelling is reserveren noodzakelijk, dit kan voor een aantal dagen nog via reserveren@bodegaksi.nl. Zitten we vol? Geen probleem, kom op de vierde verdieping genieten van een borrel met luxe happen of wie weet hebben we nog een tafeltje over!");
	 marker13.bindPopup("<b>Utopia</b><br><br>Holy Shit! Wat is er gister allemaal gebeurt?! Je kijkt om je heen en merkt dat je in een vreemde kamer ligt, naast je ligt een wonderschone dame in haar geboortekostuum. Wat er ook is gebeurt, je weet meteen dat het een waanzinnige avond was. En dan schiet het je opeens te binnen! De oorzaak van de avond die jou nog lang zal blijven heugen... Je stond namelijk in de shotjesbar van Club 1! De plek op het Lustrum waar extravagantie, elite en een scala aan shotjes elkaar vinden. Een kickstart en een afsluiter van je avond! Je schrijft met een brede glimlach je telefoonnummer op de buste van de naakte dame en loopt weg met een orgastisch gevoel. Je weet namelijk waar jij elke avond bent te vinden...");
	 marker14.bindPopup("<b>De Carnivoor</b><br><br>Kom loungen in de middeleeuwse sferen van onze prachtige bar! Terwijl het gekletter van onze waterval je in de oren klinkt kan je hier een overheerlijk broodje beenham, frituur en het nodige vlees verorberen. Laat je onder onze stenen bogen vervoeren naar oude, authentieke tijden en geniet van de lekkerste speciaal bieren! Hier wordt gedronken, geadt en gewonnen! De inzuipspot van het lustrum...<br><br>Kan jij ons aan<br><br>De Carnivoor lust je rrrauw.");
	 marker15.bindPopup("<b>De Boerderie</b><br><br>Best'n kearls'n drieka's,<br><br>Oe hebt m't z'n oall'n 't nie begreep'n met die roare steen'n hoes'n en sloot'n, woar loat'n oe al da vee as 't kold wordt? Da goat toch nie poass'n! Dus wie doacht'n: joa, woar'm zull'n wie nie ee'm een Boerderie bouw'n voor d'n polderleu hier in Delft? Neem nie oe vee met, doar bin't oe veels te loat met. Moar as oe g'woon wol kuier'n hoe 'k mien vee zo onmeunig goed hoal? Dan moe'j seek'r loangs koom'n!<br><br>Goed goan,<br>De Boerderie");
	 marker16.bindPopup("<b>Reunistenbar</b>");
	 marker17.bindPopup("<b>Hamburguesa</b>");
	 marker18.bindPopup("<b>De Kantine</b><br><br>De Ouwe Schoen lustrumbar zal de sfeer van een echte voetbalkantine uitstralen. Er kan hier dan ook worden genoten van broodjes bal, pils, verfrissende sportdrank, oude meesters en heerlijke smartlappen. De bar is te herkennen aan de prachtige geel-zwarte caravan en de ongelofelijke gezelligheid. Dus kom langs en geniet van de authentieke voetbalsfeer die al sinds 1889 deel uitmaakt van het DSC!");
	 marker19.bindPopup("<b>Ba21ar</b>");
	 marker20.bindPopup("<b>Pirate Ship</b>");
	 marker21.bindPopup("<b>Pizza Place</b>");
	 marker22.bindPopup("<b>Toneel</b>");
	 map.addLayer(marker1);
	 map.addLayer(marker2);
	 map.addLayer(marker3);
	 map.addLayer(marker4);
	 map.addLayer(marker5);
	 map.addLayer(marker6);
	 map.addLayer(marker7);
	 map.addLayer(marker8);
	 map.addLayer(marker9);
	 map.addLayer(marker10);
	 map.addLayer(marker11);
	 map.addLayer(marker12);
	 map.addLayer(marker13);
	 map.addLayer(marker14);
	 map.addLayer(marker15);
	 map.addLayer(marker16);
	 map.addLayer(marker17);
	 map.addLayer(marker18);
	 map.addLayer(marker19);
	 map.addLayer(marker20);
	 map.addLayer(marker21);
	 map.addLayer(marker22);
}
function addDelftMap() {
    tomtom.setImagePath("./img/map");

    var map = new tomtom.Map({
        domNode: "map",
        apiKey: "bpsquju23qaf4jzuewsnfdye",
        center: [52.01094, 4.35468],
        zoom: 14
    });

    var markerPhoenix = new tomtom.Marker([52.01094, 4.35468]);
    var markerTerrein = new tomtom.Marker([52.00424, 4.35453]);
    markerPhoenix.bindPopup("<b>Soci&euml;teit D.S.S. Phoenix</b><br>Phoenixstraat 30<br>2611 AL Delft");
    markerTerrein.bindPopup("<b>Lustrum Terrein</b><br>Van Bleyswijckstraat 72<br>2601 DE Delft");
    map.addLayer(markerPhoenix);
    map.addLayer(markerTerrein);
}
function goToPage(S) {
    slideOut();
    setTimeout(function() { $.mobile.changePage(S)}, 600);
}